<div id="findpwdModal" class="modal fade user-findpwd-modal" tabindex="-1" role="dialog" aria-labelledby="findpwdModalLabel" aria-hidden="true" (click)="changeModal('hide')">
    <div class="modal-dialog">
        <div class="modal-content" (click)="$event.stopPropagation()">
            <div *ngIf="flag" class="modal-body">
                <img src="/static/images/close_icon.png" alt="close" class="btn-close" (click)="changeModal('login')">
                <div class="findpwd">
                    手机号验证
                </div>
                <form role="form" name="findpwdForm" class="form-findpwd" novalidate>
                    <div class="form-group input-form">
                        <img src="/static/images/user_id.png" alt="user-id" class="user-id-img">
                        <input id="findpwd-mobile" name="mobile" type="tel" required [(ngModel)]="findUser.mobile" placeholder="请输入手机号">
                    </div>
                    <div class="form-group input-form otp-form">
                        <img src="/static/images/user_sms.png" alt="user-sms" class="user-sms-img">
                        <input class="form-control otp" id="findpwd-smsCode" name="smsCode" type="text" [(ngModel)]="findUser.smsCode" placeholder="请输入验证码" ng-minlength="6" ng-maxlength="6" required>
                        <span class="getSms" (click)="sendSmsCode(); $event.preventDefault();" *ngIf="waitTime<=0">获取验证码</span>
                        <span class="disabled" *ngIf="waitTime>0">重新发送({{waitTime}})</span>
                    </div>
                    <div class="form-group findpwd-form">
                        <div class="button-style" [class.disabled]="!(checkInfoValid() && smsCodeValidCheck() && checkSmsTokenValid())">
                            <button class="btn btn-primary" type="submit" (click)="next()">下一步</button>
                        </div>
                        <div class="findpwd-err"><span *ngIf="errText">{{errText}}</span></div>
                    </div>
                </form>
            </div>
            <div *ngIf="!flag" class="modal-body">
                <img src="/static/images/close_icon.png" alt="close" class="btn-close" (click)="changeModal('login')">
                <div class="findpwd">
                    密码重置
                </div>
                <form role="form" name="findpwdForm" class="form-findpwd" novalidate>
                    <div class="form-group input-form">
                        <img src="/static/images/user_pw.png" alt="user-pw" class="user-pw-img">
                        <input id="findpwd-pwd" name="pwd" type="password" required [(ngModel)]="findUser.passwd" placeholder="请设置6-20位由字母、数字组成的新密码">
                    </div>
                    <div class="form-group input-form">
                        <img src="/static/images/login_passwordcheck.png" alt="user-id" class="login_passwordcheck-img">
                        <input id="findpwd-repwd" name="repwd" type="password" required [(ngModel)]="repassword" placeholder="请确认密码">
                    </div>
                    <div class="form-group findpwd-form">
                        <div class="button-style" [class.disabled]="!(this.findUser.passwd && this.repassword)">
                            <button class="btn btn-primary" type="submit" (click)="resetPwd()">完成</button>
                        </div>
                        <div class="findpwd-err"><span *ngIf="errText">{{errText}}</span></div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
